#chat-container .container h2 {
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
}
#chat-container .container select {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
#chat-container .container select,#chat-container .container input[type="text"] {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    vertical-align: middle;
}
#chat-container .container input, #chat-container .container button, #chat-container .container select, #chat-container .container textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#chat-container .container label, #chat-container .container input, #chat-container .container button, #chat-container .container select, #chat-container .container textarea {
    font-size: 14px;
    font-weight: normal;
}
#chat-container .container label, #chat-container .container select, #chat-container .container button, #chat-container .container input[type="button"], #chat-container .container input[type="reset"], 
#chat-container .container input[type="submit"], #chat-container .container input[type="radio"], #chat-container .container input[type="checkbox"] {
    cursor: pointer;
}
#chat-container .btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}
#chat-container .btn:hover,#chat-container .btn:focus,#chat-container .btn:active,#chat-container .btn.active{color: #333333;background-color: #e6e6e6; *background-color: #d9d9d9;}

#chat-container .btn:active,#chat-container .btn.active {background-color: #cccccc \9;}

#chat-container .btn:first-child {*margin-left: 0;}
#chat-container .btn:hover,#chat-container .btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}
#chat-container .btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
#chat-container .btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#chat-container .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,{
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
#chat-container .btn-primary:active,.btn-primary.active { background-color: #003399 \9;}
#chat-container .btn-group.open .btn-primary.dropdown-toggle {background-color: #0044cc;}
#chat-container .btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret {
  border-top-color: #ffffff;border-bottom-color: #ffffff;
}
#chat-container .btn-large {border-radius: 6px;font-size: 17.5px;}

#chat-container .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #FFF;
    background-color: #04C;
}
#chat-container .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}
#chat-container .alert {
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 8px 10px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#chat-container fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
#chat-container legend {
    border-color: #e5e5e5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333333;
    display: block;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 7px;
    padding: 0;
    width: 100%;
}
#chat-container textarea,#chat-container input[type="text"],#chat-container input[type="password"],#chat-container input[type="datetime"],#chat-container input[type="datetime-local"],#chat-container input[type="date"],#chat-container input[type="month"],#chat-container input[type="time"],
#chat-container input[type="week"],#chat-container input[type="number"],#chat-container input[type="email"],#chat-container input[type="url"],#chat-container input[type="search"],#chat-container input[type="tel"],
#chat-container input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
#chat-container .input-block-level {
    box-sizing: border-box;
    display: block;
    min-height: 30px;
    width: 100%;
}
#chat-container input.btn-block[type="submit"],#chat-container input.btn-block[type="reset"],#chat-container input.btn-block[type="button"] {
    width: 100%;
}
#chat-container .btn-block + .btn-block {
    margin-top: 5px;
}
#chat-container .btn-block {
    box-sizing: border-box;
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
#chat-container .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {
    border-top-left-radius: 4px;
}
#chat-container .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
    border-top: 0 none;
}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #dddddd;
}
.table th, .table td {
    border-top: 1px solid #dddddd;
    line-height: 20px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}
#chat-container .received {
    font-size: 12px;
    width: 60px;
}
#chat-container .table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#chat-container .label {
    border-radius: 3px;
}
#chat-container .label,#chat-container .badge {
    background-color: #999999;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
}

#chat-container .label-info,#chat-container .badge-info {
    background-color: #3a87ad;
}

#chat-container .table-bordered td {
    border-radius: 4px;
}
#chat-container button, #chat-container input[type="button"],#chat-container input[type="reset"],#chat-container input[type="submit"] {
    cursor: pointer;
}

#chat-container input,#chat-container textarea, .uneditable-input {
    margin-left: 0px;
}
#chat-container table#response td.message {max-width: 200px;word-break:break-all; /*支持IE，chrome，FF不支持*/word-wrap:break-word;/*支持IE，chrome，FF*/}
#chat-container .historyDate{text-align: center;color: #999;}
#chat-container .form-signin {
	text-align:center;
	max-width: 300px;
	padding: 19px 29px 29px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
#chat-container .form-signin input[type="text"],#chat-container.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}
#chat-container .btn-group{clear: both;padding: 10px 0;text-align: left;}
#chat-container .btn-group label{margin-right:5px;}
#chat-container .container{padding: 10px 10px;}
#responseDiv{max-height: 200px;overflow: auto;}
#chat-container .toolbar{clear: both;height: 20px;line-height: 20px;padding: 5px 0 5px 10px;}
#chat-container .toolbar .minchat{float:right;margin-right: 10px;cursor: pointer;}
#chat-container .toolbar .closechat{float:right;margin-right: 10px;cursor: pointer;}
#chat-container .toolbar .returnchat{float:right;margin-right: 10px;cursor: pointer;}
#chat-container .toolbar .noread{color: red;display: none;cursor: pointer;}
#chat-container .toolbar .newtips{cursor: pointer;}